<style lang="sass" scoped>
    .welcome{
        width:600px;
        height:372px;
        margin:131px auto 0;
        display:block;
    }
    .detail{
        width:666px;
        margin:20px auto;
        p{
            font-size:34px;
        }
    }
    .next{
        width:220px;
        height:84px;
        line-height:84px;
        text-align:center;
        color:#fff;
        background:#ff7575;
        font-size:34px;
        margin:40px auto;
        border-radius:60px;
    }
</style>
<template>
    <div class="container">
        <div v-html="info.content" class="cont"></div>
        <router-link v-if="info.content" :to="{name:'scancode2',query:{online:$route.query.online,language:this.$route.query.language}}" tag="div" class="next">{{'next' | enFy($route)}}</router-link>
    </div>
    <!-- <div class="container">
        <img class="welcome" src="../../assets/images/scancode/welcome.png" alt="">
        <div class="detail">
            <p>1.输入设备当前环境下 WIFI 名及密码，生成二维码。注意WIFI用户名不能有空格和特殊字符，而且字母大小写要保持一致。</p>
            <p>2.在设备上长按“上一曲”，直到听到“小智开启联网状态”的语音提醒。</p>
            <p>3.请将手机屏幕上的二维码对准设备的摄像头，并保持环境光线光亮，如上图所示。</p>
            <p>4.根据设备语音提示判断是否联网成功。</p>
        </div>
        <router-link :to="{name:'scancode2'}" tag="div" class="next">下一步</router-link>
    </div> -->
</template>
<script>
    export default {
        components: {
        },
        data() {
            return {
                info:{content:''}
            }
        },
        watch:{
        },
        created(){

        },
        mounted() {
            this.$nextTick(() => {
                if(this.$route.query.device){
                    this.getinfo();
                }
            });
        },
        methods: {
            getinfo:function(){
                var device = this.$route.query.device;
                util.ajax({
                    url:config.baseApi + 'bookMall-h5/api/network/getDeviceNetworkInfo',
                    data:{
                        device:this.$route.query.device
                    },
                    success:(data=>{
                        this.info = data.data||{
                            content:''
                        };
                    })
                })
            },
        },
        
    };
</script>